import React, { Component } from 'react';

import './App.css';

import TabBarExample from "./components/footer/footer"
import daily from "./components/Daily/Daily"
import SongList from "./components/SongList/SongList"
import Range from "./components/range/range"
import FM from "./components/FM/FM"
import {BrowserRouter as Router,Link,Route} from "react-router-dom"

class App extends Component {
  render() {
    return (
      <div className="SongApp">

         <Router>
           <Route path="/"  component={ TabBarExample} exact/>
            {/* <TabBarExample /> */}
            <Route path ="/daily" component={daily} />
            <Route path ="/SongList" component={SongList} />
            <Route path ="/Range" component={Range} />
            <Route path ="/FM" component={FM} />
            
         </Router>
      </div>
    );
  }
}

export default App;
